<template>
	<view class="author">
		<u-collapse :item-style="itemStyle" event-type="close">
			<!-- 关于我 -->
			<u-collapse-item title="关于我">
				<view class="collapse-item-about">
					<ul>
						<li>node</li>
						<li>go</li>
						<li>js</li>
						<li>gui</li>
						<li>web</li>
						<li>linux</li>
						<li>sql</li>
					</ul>
				</view>
			</u-collapse-item>
			<!-- 联系我 -->
			<u-collapse-item title="联系我">
				<view class="collapse-item-author">
					<ul>
						<li>
							<view class="collapse-item-author-title">qq：</view>
							<view class="collapse-item-author-content">
								<u-link href="1578347363" mp-tips="已复制 1578347363">1578347363</u-link>
							</view>
						</li>
						<li>
							<view class="collapse-item-author-title">微信：</view>
							<view class="collapse-item-author-content">
								<u-link href="cmjulaibao" mp-tips="已复制 cmjulaibao">cmjulaibao</u-link>
							</view>
						</li>
					</ul>
				</view>
			</u-collapse-item>
			<!-- 企鹅群 -->
			<u-collapse-item title="企鹅群" open>
				<view class="collapse-item-group">
					<image src="../../static/user_backgord.jpg" mode=""></image>
				</view>
			</u-collapse-item>
		</u-collapse>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.author {
		padding: 20rpx;
	}

	.collapse-item-author>ul>li {
		display: flex;
		align-items: center;
	}

	.collapse-item-author-title {
		min-width: 50px;
		text-align: end;
	}

	.collapse-item-author-content>a {}
</style>
